<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin:0px;
            padding-left:6px;
            padding-top: 6px;
        }
        .a{
            width: 310px;
            height:500px ;
            border: 1px solid #c4dbf3;
            background-image: url("../img美食今日/more.gif");
            background-repeat: no-repeat;
            background-position: 260px 40px;
            position: relative;
            margin: 0px auto;
        }
        img{
            display:block;
        }
        span{
            display:inline-block;
            font: normal bold 18px "微软雅黑";
            color: black;
        }
        .shop{
            color:red;
            font-weight: bold;
        }
        .shen{
            position: absolute;
           bottom: 411px;
           left:70px
        }
        .guoji{
              color:red;
              position: absolute;
              bottom: 420px;
              left: 140px;
              font-size: 15px;
              text-decoration: underline;
          }
        .kouwei{
            position: absolute;
            bottom:396px ;
            left:140px ;
            font-size: 12px;
        }
        .quyu{

            position: absolute;
            bottom:377px ;
            left:140px ;
            font-size: 12px;
        }


        .guojia{
            color:red;
            position: absolute;
            bottom: 342px;
            left: 140px;
            font-size: 15px;
            text-decoration: underline;
        }
        .kouweia{
            position: absolute;
            bottom:315px ;
            left:140px ;
            font-size: 12px;
        }
        .quyua{

            position: absolute;
            bottom:296px ;
            left:140px ;
            font-size: 12px;
        }

        .guojib{
            color:red;
            position: absolute;
            bottom: 264px;
            left: 140px;
            font-size: 15px;
            text-decoration: underline;
        }
        .kouweib{
            position: absolute;
            bottom:241px ;
            left:140px ;
            font-size: 12px;
        }
        .quyub{

            position: absolute;
            bottom:222px ;
            left:140px ;
            font-size: 12px;
        }


        .guojic{
            color:red;
            position: absolute;
            bottom: 186px;
            left: 140px;
            font-size: 15px;
            text-decoration: underline;
        }
        .kouweic{
            position: absolute;
            bottom:160px ;
            left:140px ;
            font-size: 12px;
        }
        .quyuc{

            position: absolute;
            bottom:141px ;
            left:140px ;
            font-size: 12px;
        }


    </style>
</head>
<body>
    <div class="a">
        <div class="shopJin">
           <div class="shop">SHOP<span>今日推荐</span></div>
        </div>
        <div>
            <div class="tu1"><img src="../img美食今日/img9.gif"></div>
            <div class="tu2"><img src="../img美食今日/img7.gif"></div>
            <div class="tu3"><img src="../img美食今日/img8.gif"></div>
            <div class="tu4"><img src="../img美食今日/img7.gif"></div>
            <div class="shen"><img src="../img美食今日/shen.png"></div>
        </div>

        <div class="guoji"> 汉来国际美食百货 </div>
        <div class="kouwei"> 口味：创意中餐</div>
        <div class="quyu">区域：朝阳/CBD</div>

        <div class="guojia"> 汉来国际美食百货 </div>
        <div class="kouweia"> 口味：创意中餐</div>
        <div class="quyua">区域：朝阳/CBD</div>

        <div class="guojib"> 汉来国际美食百货 </div>
        <div class="kouweib"> 口味：创意中餐</div>
        <div class="quyub">区域：朝阳/CBD</div>

        <div class="guojic"> 汉来国际美食百货 </div>
        <div class="kouweic"> 口味：创意中餐</div>
        <div class="quyuc">区域：朝阳/CBD</div>

    </div>
</body>
</html>

<!--SHOP今日推荐-->
<!--鸡腿-->
<!--汉来国际美食百货-->
<!--口味：创意中餐-->
<!--区域：朝阳/CBD-->
<!--鸡腿-->
<!--汉来国际美食百货-->
<!--口味：创意中餐-->
<!--区域：朝阳/CBD-->
<!--鸡腿-->
<!--汉来国际美食百货-->
<!--口味：创意中餐-->
<!--区域：朝阳/CBD-->
<!--鸡腿-->
<!--汉来国际美食百货-->
<!--口味：创意中餐-->
<!--区域：朝阳/CBD-->